<template>
  <div id="app">
    <Layout class="layout">
      <!-- <LayoutHeader>
        <img src="./assets/logo.png" height="0" width="0" class="logo" />
      </LayoutHeader> -->
      <LayoutContent style="padding: 30px">
        <div :style="{ height: '100%' }">
          <router-view></router-view>
        </div>
      </LayoutContent>
      <!-- <LayoutFooter style="text-align: center"> -->
      <!-- Ant Design ©2018 Created by Ant UED -->
      <!-- </LayoutFooter> -->
    </Layout>
  </div>
</template>
<script lang="ts">
import { Space, Layout, LayoutHeader, LayoutContent } from "ant-design-vue";
export default {
  name: "App",
  components: {
    Space,
    Layout,
    LayoutHeader,
    LayoutContent,
  },
  setup() {},
};
</script>
<style scoped>
.layout {
  height: 100%;
}
.site-layoutContent {
  min-height: 280px;

  background: #fff;
}
.logo {
  float: left;
  min-width: 200px;
  height: 31px;
  margin: 16px 24px 16px 0;
  /* background: rgba(255, 255, 255, 0.3); */
}
.ant-row-rtl .logo {
  float: right;
  margin: 16px 0 16px 24px;
}

[data-theme="dark"] .site-layoutContent {
  background: #141414;
}
</style>
